Thank you for purchasing our template

Version: 0.1.0
Create: January 22, 2026
Last Updated: January 22, 2026

In this document, we provide all kinds of good information with all the details you need to use our template. We hope you have fun and enjoy working with our template

Getting Started

Overview

Dataflow is a clean, modern, and fully responsive HTML5 template built specifically for ecommerce admin dashboards.

With 4 distinct homepage layouts, Dataflow gives you the flexibility to choose the style that best fits your project. It supports both dark and light modes, as well as boxed and full-width layouts, ensuring a tailored experience for different design preferences and workflows.

Perfectly suited for ecommerce platforms, online stores, and digital marketplaces, Dataflow provides a structured, intuitive interface that helps teams manage products, orders, customers, and analytics with clarity and efficiency.

Developed with semantic HTML5, well-organized code, and a mobile-friendly design, Dataflow includes smooth transitions, customizable components, and essential dashboard sections—making it a reliable foundation for building scalable ecommerce admin systems.

Features

Below are some features of this web app template:

  • 04 Unique Home Pages
  • Dark / Light Mode
  • Boxed / Full-width layout
  • HTML5 & SCSS
  • Bootstrap 5
  • Responsive Design
  • SEO Optimized
  • Fast Performance
  • Customizable Components
  • Cross-Browser Compatibility
  • Free icons used
  • Free Google Fonts
  • Detailed Documentation
  • Super Clear and Clean Layout
  • Fully responsive and mobile friendly
  • Pixel Perfect
  • Every page is fully layered and organized with proper names
  • Coded to be developer friendly
  • Free Font Based Icons
  • Complete Mobile UI App
  • Excellent Support
  • & much more...

Structure

Unzip the downloaded package and open the /HTML folder to find all the template files. You will need to upload these files to your hosting web server using FTP in order to use it on your website.

Below is the folder structure and needs to be uploaded to your website root directory.

File & Folder Structure

dataflow
├── css 
├── fonts
├── icon
├── images
├── js
├── scss
├── index.html
└── ...

HTML Structure

Dataflow | eCommerce Admin Dashboard HTML Template
Below is Davies basic structure:
<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>Dataflow | eCommerce Admin Dashboard HTML Template </title>
							
	<!-- Fonts -->
							
	<!-- Icons  -->
							
	<!-- Favicon and Touch Icons -->
							
</head>
							
<body>

	<!-- preload -->	
	
	<!-- Header -->	
							
	<!-- Slider -->
							
	<!-- Section -->
	<section class="tf-section"> </section>

	<!-- Go Top -->
	<div class="progress-wrap"> </progress-wrap>
							
	<!-- Footer -->
	<footer class="footer"> </footer>
							
							   
	<!-- Javascript -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-select.min.js"></script>
	<script type="text/javascript" src="js/zoom.js"></script>   
	<script type="text/javascript" src="js/morris.min.js"></script>    
	<script type="text/javascript" src="js/raphael.min.js"></script>   
	<script type="text/javascript" src="js/morris.js"></script>
	<script type="text/javascript" src="js/jvectormap.min.js"></script>
	<script type="text/javascript" src="js/jvectormap-us-lcc.js"></script>
	<script type="text/javascript" src="js/jvectormap-data.js"></script>
	<script type="text/javascript" src="js/jvectormap.js"></script>
	<script type="text/javascript" src="js/apexcharts/apexcharts.js"></script>
	<script type="text/javascript" src="js/apexcharts/line-chart-1.js"></script>
	<script type="text/javascript" src="js/switcher.js"></script>
	<script type="text/javascript" src="js/theme-settings.js"></script>
	<script type="text/javascript" src="js/main.js"></script>

</body>
							
</html>

CSS System

style.css is the main CSS file located in style/ folder of the package. Whole CSS file is well indexed with topic and its related code.

The Dataflow CSS System contains 2 parts:
  • Template style
  • Shortcodes style
  • Animation - Bootstrap style


Your_template/css/style.css ( Template style )


/**
  	* Reset Browsers
    * General
	* Elements
  	* Forms
	* Typography
	* Extra classes
    * link style
    * themesflat-container
*/


Animation - Bootstrap style


/** 
* animate..min.css
* animation.css
* bootstrap-select.min.css
* bootstrap.css
* styles.css
* styles.css.map
* swiper-bundle.min.css
*/

Javascript Custom

You can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

main.js ( js/main.js )


/**
    * selectImages
    * menuleft
    * tabs
    * collapse_menu
    * showpass
    * select_colors_theme
    * icon_function
    * box_search
    * variant_picker
    * uploadfile
    * writeReview
*/

Credits & Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

Support

If you have any questions or need support please create a ticket id at https://themesflat.ticksy.com/. I will ready support for you. Thank so much

Stay Awesome!

Changelog

"Version": "0.1.0",    January 22, 2026

  • Initial released

Copyright © 2026.